<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title th:text="'\u4f60\u597d'">Insert title here</title>

<link rel="stylesheet" href="css/1140.css" th:href="@{/css/1140.css}" type="text/css" media="screen" />
	
<link rel="stylesheet" href="css/normalize.css" th:href="@{/css/normalize.css}"/>
<link rel="stylesheet" href="css/main.css" th:href="@{/css/main.css}"/>
<link rel="stylesheet" href="css/css.css" th:href="@{/css/css.css}"/>
<link rel="stylesheet" href="css/jquery.dataTables_themeroller.css" th:href="@{/css/jquery.dataTables_themeroller.css}"/>
    
<script src="js/vendor/modernizr-2.6.2.min.js" th:src="@{/js/vendor/modernizr-2.6.2.min.js}"></script>
<script src="js/vendor/css3-mediaqueries.js" th:src="@{/js/vendor/css3-mediaqueries.js}"></script>
<script src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js" th:src="@{http://lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js}"></script>
<script th:inline="javascript">/*<![CDATA[*/
window.jQuery || document.write('<script src="'+ /*[[@{/js/vendor/jquery-1.9.0.min.js}]]*/ 'js/vendor/jquery-1.9.0.min.js'
		+'"><\/script>')
/*]]>*/</script>
<script src="js/vendor/jquery.dataTables.min.js" th:src="@{/js/vendor/jquery.dataTables.min.js}"></script>
<script src="js/plugins.js" th:src="@{/js/plugins.js}"></script>
<script src="js/main.js" th:src="@{/js/main.js}"></script>
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/
$(function(){
	$('table').dataTable();
	$('button').bind('click', function(){
		var id = $('#id').val(), key = $('#key').val(), value = $('#value').val();
		if(id == '' || key == '' || value == ''){
			alert('no data!');
			return;
		}
		$.ajax({
			url: /*[[@{/admin/systemSetting/}]]*/''
			, type: 'POST'
			, data: data
			, dataType: 'json'
			, error: function(jqXHR, textStatus, errorThrown){
				alert(jqXHR);
			}
			, success: function(data, textStatus, jqXHR){
				if(data == 1){
					alert('ok');
					$('#id').val('');
					$('#key').val('');
					$('#value').val('');
				}
			}
		});
	});
});
/*]]>*/
</script>
</head>
<body>
	<div>
		<input type="hidden" id="id"/>
		key: <input id="key" />
		value: <input id="value" />
		<button>commit</button>
	</div>

	<table>
		<thead>
			<tr>
				<th>id</th>
				<th>key</th>
				<th>vlaue</th>
			</tr>
		</thead>
		<tr th:each="ss: ${ssList}">
			<td th:text="${ss.id}"></td>
			<td th:text="${ss.key}"></td>
			<td th:text="${ss.value}"></td>
		</tr>
	</table>
	
</body>
</html>